.page{width:100%;height:100%;overflow:hidden;}
.progress-bar{width:max-content;height:50%;display:flex;display:-webkit-flex;padding-bottom:0.1rem;
align-items:center;-webkit-align-items:center;position:relative;}
.progress-bar .text{margin-top:0.04rem;color:#9EAAB8;text-align:center;}
.progress-bar .step{width:0.85rem;height:100%;font-size:0.24rem;}
.progress-bar .progression{height:1px;background:#9EAAB8;position:absolute;bottom:-1px;left:0;z-index:3;}
.progress-bar .dash-line{height:1px;width:100%;border-bottom:1px dashed #9EAAB8;opacity:0.38;
position:absolute;bottom:-1px;left:0;} 

.page .devider{width:0.24rem;height:200%;position:absolute;top:0;
left:0;z-index:3;display:flex;display:-webkit-flex;flex-direction:column;align-items:center;
-webkit-align-items:center;}
.progress-bar .devider-line{width:1px;height:40%;background-color:#9EAAB8;}
.progress-bar .devider-point{width:0.08rem;height:0.08rem;background-color:#2858FF;border-radius:50%;
margin-top:2px;}
.progress-bar .devider-needle{width:0.24rem;height:0.24rem;background:url('../../assets/images/home/index/devider.png') no-repeat;
background-position:center;background-size:contain;}
.progress-bar .predict-text{position:absolute;font-size:0.24rem;bottom:-0.3rem;z-index:3;
font-weight:400;color:#5C6E86;transform:scale(0.7);}

.progress-bar .point{width:0.32rem;height:0.32rem;background:url('../../assets/images/home/index/point.png')
no-repeat;background-size:100%;background-position:-3px 0;position:absolute;bottom:-45%;left:0;z-index:3;}



